<template>
  <ul class='head'>
    <li>
      <p><span>充值卡号：</span><span><input type="number" v-model="info.cardnum"></span></p>
      <p><span>账户余额：</span><span class="color-gold">{{getInfo.remained}}</span></p>
    </li>
  </ul>
</template>
<script>
export default {
  props:["info"],
  components: {},
  name: "",
  data() {
    return {};
  },
  computed:{
    getInfo(){
      return this.info
    }
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.head {
  margin: 0 15px;;
  font-size: 14px;
  color: #333;

  p{
    padding: 10px 0;

    input{
      border: none;
      color: #999;
      font-size: 14px;
    }
  }
  p:nth-child(1){
    border-bottom: 1px solid #f2f2f2;
  }
}
</style>